.testResults {
  .rTop {
    width: 200%;
    height: 580rpx;
    position: absolute;
    left: -50%;
    top: 0;
    z-index: -2;
    content: '';
    border-radius: 0 0 50% 50%;
    background-size: 50%;
    background-color: #c496e8;
    //background: -webkit-linear-gradient(315deg, rgba(131, 22, 215, .2) 0%, #8316d7 100%);
  }

  .backgroundBox {
    margin: 0 40rpx;
    height: 100%;
    background-color: #ffffff;
    z-index: 1;
    padding: 20rpx;
    border-radius: 20rpx;

    .uinfo {
      text-align: left;

      .recommendedImg {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50%;
      }
    }

    .score {
      text-align: left;

      .fraction {
        font-size: 50rpx;
        color: #8316d7;
        font-weight: bold;
        margin: 20rpx 0;
      }

      .text {
        margin: 20rpx 0;
      }
    }

    .tubiao {
      margin: 20rpx 0;

      .tubiaoList {
        display: flex;
        align-items: flex-end;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        margin-top: 20rpx;

        .tubiaoListItem {
          text-align: center;
          width: 100%;
          position: relative;

          .tubiaoItem {
            font-size: 60rpx;
            color: #8316d7;
          }

          .number {
            margin-bottom: 10rpx;
          }

          .li {
            background-color: #8416d8
          }

        }

        .tubiaoListItem:first-child .li {
          /* 第一项的样式 */
          border-radius: 10rpx 0 0 0;
        }

        .tubiaoListItem:last-child .li {
          /* 最后一项的样式 */
          border-radius: 0 10rpx 0 0;
        }
      }
    }
  }

  .interpretation {
    text-align: left;
    padding: 20rpx;
    margin: 40rpx;
    .hText{
      color: #222;
      font-weight: bold;
      font-size: 38rpx;
    }
    .interpretationBox{
      margin-top: 30rpx;
      padding: 20rpx;
      .Subheading{
        color: #b5b5b5
      }
      p{
        margin-top: 10rpx;
      }
    }
  }
}